.author-index {
    background: url(../img/author_bg.jpg) 0 0 no-repeat;
    background-size: 100% 500px;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    main {
        flex: 1;
        overflow-y: auto;
        padding: 50px;
        .avatar {
            width: 240px;
            height: 240px;
            overflow: hidden;
            border-radius: 50%;
            border: 4px solid #fff;
            img {
                border-radius: 50%;
                width: 100%;
            }
        }
        .userInfo {
            position: relative;
            h3 {
                font-size: 45px;
                font-weight: 900;
                color: #000;
                line-height: 120px;
            }
            p {
                font-size: 35px;
                color: #000;
                line-height: 60px;
            }
            span {
                position: absolute;
                top: 14px;
                right: 0;
                font-size: 30px;
                font-weight: 900;
                color: #000;
                line-height: 64px;
                display: inline-block;
                padding: 0 25px;
                border: 2px solid #000;
                border-radius: 8px;
            }
        }
        .userWorks {
            .banner {
                .imgs {
                    .slide-box {
                        .slide-item {
                            position: relative;
                            span {
                                position: absolute;
                                bottom: 1.8rem;
                                right: 0.15rem;
                                color: #fff;
                                display: inline-block;
                                background-color: #000;
                                padding: 0.08rem 0.08rem;
                                border-radius: 5px;
                            }
                        }
                    }
                }
            }
        }
        .popol {
            ul {
                li {
                    .list-info {
                        .left-img {
                            position: relative;
                            span {
                                position: absolute;
                                bottom: 0.15rem;
                                right: 0.45rem;
                                color: #fff;
                                display: inline-block;
                                background-color: #000;
                                padding: 0.08rem 0.08rem;
                                border-radius: 5px;
                            }
                        }
                    }
                }
            }
        }
    }
    .am-navbar-light {
        background-color: transparent;
        color: #108ee9;
        font-size: 30px;
        .am-icon-md {
            width: 80px;
            height: 100px;
        }
    }
}